<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> 
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta http-equiv="Content-Style-Type"  content="text/css" /> 
  <meta http-equiv="Content-Script-Type" content="text/javascript" /> 
  <meta http-equiv="Content-Language" content="ja" /> 
  <title>Kana.JS</title>
  <link rel="stylesheet" type="text/css" href="shared/styles/default.css">
  <script type="text/javascript" src="../src/javascript/toZenkanaCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toZenkakuCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toPaddingCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toKatakanaCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toZenkakuCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toHiraganaCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toHankanaCase.js"></script>
  <script type="text/javascript" src="../src/javascript/toHankakuCase.js"></script>
  <script type="text/javascript" src="shared/scripts/html.js"></script>
  <script type="text/javascript">
    var html = new HTMLTemplate();
  </script>
</head>
<body>

<h1>toHiraganaCase</h1>
<div style="margin: 8px;">
<script type="text/javascript">
  html.drow(KATAKANA, 'toHiraganaCase');
</script>
</div>

<h1>toKatakanaCase</h1>
<div style="margin: 8px;">
<script type="text/javascript">
  html.drow(HIRAGANA, 'toKatakanaCase');
</script>
</div>

<h1>toHankakuCase</h1>
<div style="margin: 8px;">
<script type="text/javascript">
  html.drow(ZENKAKU, 'toHankakuCase');
</script>
</div>

<h1>toZenkakuCase</h1>
<div style="margin: 8px;">
<script type="text/javascript">
  html.drow(HANKAKU, 'toZenkakuCase');
</script>
</div>

<h1>toZenkanaCase</h1>
<div style="margin: 8px;">
<script type="text/javascript">
  html.drow(HANKANA, 'toZenkanaCase');
</script>
</div>

<h1>toHankanaCase</h1>
<div style="margin: 8px;">
<script type="text/javascript">
  html.drow(ZENKANA, 'toHankanaCase');
</script>
</div>

</body>
</html>
